<template>
  <div class="buyer">
    <DateAreaPicker />
    <moduleComponent
      dataType="two"
      :chartOption="chartOption"
      :rightShow="false"
      moduleName="区域人群购房占比（套数）"
      unit="套"
    >
    </moduleComponent>
    <!-- <module-item
      dataType="two"
      :chartOption="chartOption"
      :rightShow="false"
      moduleName="区域人群购房占比（面积）"
    >
    </module-item> -->
    <moduleComponent
      dataType="two"
      :rightShow="false"
      moduleName="区域人群购房占比（面积）"
      unit="㎡"
    ></moduleComponent>
  </div>
</template>

<script>
import DateAreaPicker from "../components/DateAreaPicker";
import moduleComponent from "../components/buyer/moduleComponent.vue";

export default {
  name: "Buyer",
  components: {
    DateAreaPicker,
    moduleComponent,
  },
  data() {
    return {
      chartOption: {
        gird: {
          left: 30,
          right: 40,
          bottom: 15,
          containLabel: true,
        },
        tooltip: {
          trigger: "item",
        },
        // series:null
        series: [
          // {
          //   type:'bar',
          //   data:[10,20,40,90,5,79,50,80]
          // },
          // {
          //   type:'bar',
          //   data:[30,60,90,90,5,79,50,80]
          // },
          // {
          //   type:'line',
          //   data:[10,50,5,90,5,79,50,80]
          // },
          {
            type: "pie",
            label: {
              show: true,
            },
            data: [
              {
                name: "中国",
                value: 0,
              },
              {
                name: "美国",
                value: 0,
              },
              {
                name: "1",
                value: 0,
              },
              {
                name: "2",
                value: 0,
              },
              {
                name: "4",
                value: 0,
              },
              {
                name: "5",
                value: 0,
              },
            ],
          },
        ],
        // xAxis:{
        //     data:['一月','二月','三月','四月','五月','六月','七月','八月'],
        //     type: 'category',
        // },
        // yAxis:[{name:'单位:人'}],
        // ktLimitShowNum:4
      },
    };
  },
};
</script>

<style></style>
